@import "partials/mixins";
.p0 {
  padding: ptr(0px) !important;
}

.pt5 {
  padding-top: ptr(5px) !important;
}

.pt10 {
  padding-top: ptr(15px) !important;
}

.pt15 {
  padding-top: ptr(15px) !important;
}

.pt20 {
  padding-top: ptr(20px) !important;
}

.pt25 {
  padding-top: ptr(25px) !important;
}

.pb5 {
  padding-bottom: ptr(5px) !important;
}

.pb10 {
  padding-bottom: ptr(10px) !important;
}

.pb15 {
  padding-bottom: ptr(15px) !important;
}

.pb20 {
  padding-bottom: ptr(20px) !important;
}

.pb25 {
  padding-bottom: ptr(25px) !important;
}

.p5 {
  padding: ptr(5px) !important;
}

.p10 {
  padding: ptr(10px) !important;
}

.p15 {
  padding: ptr(15px) !important;
}

.p20 {
  padding: ptr(20px) !important;
}

.p25 {
  padding: ptr(25px) !important;
}

.pl5 {
  padding-left: ptr(5px) !important;
}

.pl10 {
  padding-left: ptr(10px) !important;
}

.pl15 {
  padding-left: ptr(15px) !important;
}

.pl20 {
  padding-left: ptr(20px) !important;
}

.pl25 {
  padding-left: ptr(25px) !important;
}

.pr5 {
  padding-right: ptr(5px) !important;
}

.pr10 {
  padding-right: ptr(10px) !important;
}

.pr15 {
  padding-right: ptr(15px) !important;
}

.pr20 {
  padding-right: ptr(20px) !important;
}

.pr25 {
  padding-right: ptr(25px) !important;
}

.mt5 {
  margin-top: ptr(5px) !important;
}

.mt10 {
  margin-top: ptr(10px) !important;
}

.mt15 {
  margin-top: ptr(15px) !important;
}

.mt20 {
  margin-top: ptr(20px) !important;
}

.mt25 {
  margin-top: ptr(25px) !important;
}

.mb5 {
  margin-bottom: ptr(5px) !important;
}

.mb10 {
  margin-bottom: ptr(10px) !important;
}

.mb15 {
  margin-bottom: ptr(15px) !important;
}

.mb20 {
  margin-bottom: ptr(20px) !important;
}

.mb25 {
  margin-bottom: ptr(25px) !important;
}

.ml5 {
  margin-left: ptr(5px) !important;
}

.ml10 {
  margin-left: ptr(10px) !important;
}

.ml15 {
  margin-left: ptr(15px) !important;
}

.ml20 {
  margin-left: ptr(20px) !important;
}

.ml25 {
  margin-left: ptr(25px) !important;
}

.mr5 {
  margin-right: ptr(5px) !important;
}

.mr10 {
  margin-right: ptr(10px) !important;
}

.mr15 {
  margin-right: ptr(15px) !important;
}

.mr20 {
  margin-right: ptr(20px) !important;
}

.mr25 {
  margin-right: ptr(25px) !important;
}

.fs12 {
  font-size: ptr(12px) !important;
}

.fs14 {
  font-size: ptr(14px) !important;
}

.fs16 {
  font-size: ptr(16px) !important;
}

.fs18 {
  font-size: ptr(18px) !important;
}

.fs20 {
  font-size: ptr(20px) !important;
}

.fs22 {
  font-size: ptr(22px) !important;
}

.fs24 {
  font-size: ptr(24px) !important;
}

.fs26 {
  font-size: ptr(26px) !important;
}

.fs28 {
  font-size: ptr(28px) !important;
}

.fs30 {
  font-size: ptr(30px) !important;
}

.gray {
  color: #999 !important;
}

.align-baseline {
  vertical-align: baseline !important;
} // Browser default
.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.rounded-circle {
  border-radius: 50%;
}

.rounded-0 {
  border-radius: 0;
}

.border-0 {
  border: 0 !important;
}

.clearfix {
  &::after {
    display: block;
    content: "";
    clear: both;
  }
}

.p-relative {
  position: relative;
}

.p-absolute {
  position: absolute;
}

.v-visible {
  visibility: visible;
}

.v-hidden {
  visibility: hidden;
}

.d-none,
.hide,
.hidden {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-overflow {
  /* 不换行, 省略号代替 */
  word-break: keep-all;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.text-white {
  color: #fff !important;
}

.margin-auto {
  margin: 0 auto;
}